<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="/client/login/index.css">
  <link rel="stylesheet" href="/client/reset.css">
</head>

<body>
  <div class="container">
    <div class="colorline"></div>
    <form action="#" class="log">
      <h2>登录</h2>
      <div class="inputbox mgb32">
        <input class="logUserInp" autocomplete="off" type="text" required="required" id="users">
        <label for="users">用户名</label>
        <i></i>
      </div>
      <div class="inputbox mgb40">
        <input class="logPassInp" type="password" required="required" id="password">
        <label for="password">密码</label>
        <i></i>
      </div>
      <input class="logging loginned mgb24" type="submit" value="登录">
      <div class="register">
        没有账号? <a href="#">注册</a>
      </div>
    </form>
    <form action="#" class="reg" style="display: none;">
      <h2>注册</h2>
      <div class="inputbox mgb24">
        <input class="regUserInp" name="username" autocomplete="off" type="text" required="required" id="usersReg">
        <label for="usersReg">用户名</label>
        <i></i>
      </div>
      <div class="inputbox mgb24">
        <input class="regPassInp" name="password" type="password" required="required" id="passwordReg">
        <label for="passwordReg">密码</label>
        <i></i>
      </div>
      <div class="inputbox mgb40">
        <input class="regRepassInp" name="repassword" type="password" required="required" id="rpasswordReg">
        <label for="rpasswordReg">确认密码</label>
        <i></i>
      </div>
      <input class="logging registered mgb24" type="submit" value="注册">
      <div class="login">
        已有账号? <a href="#">前往登录</a>
      </div>
    </form>
  </div>
  <script type="module" src="/client/login/index.js"></script>
</body>

</html>